<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
    <meta name="author" content="">
	<title>营业收入账单</title>
	<!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/yyIncome.css">
    <link rel="stylesheet" type="text/css" href="font/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/mobile_date.css">

    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <div class="container">
		<header>
            <div class="header-left">返回</div>
            <div class="header-right">营业收入明细</div>
        </header><!-- /header -->
        <div class="main">
            <div class="main-top">
                <div class="mt-left">
                    <p>687945.58</p>
                    <span>当前累计营业额</span>
                </div>
                <div class="mt-right">
                    <p>366.79</p>
                    <span>今日营业额</span>
                </div>
            </div>
            <div class="main-center">
                <div class="panel-group" id="accordion">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <span class="span1">2018年10月</span>
                                <span class="span2">当月营业额<b>7898.56</b></span>
                                <a data-toggle="collapse" data-parent="#accordion" 
                                href="#collapseOne" class="pta">
                                
                                </a>
                            </h4>
                        </div>
                        <div id="collapseOne" class="panel-collapse collapse in">
                            <div class="panel-body">
                                <div class="box">
                                    <section class="date">
                                        <!-- <div class="head">
                                            <div class="prev">上一月</div>
                                            <div class="tomon"><span class="year"></span>年 <span class="month"></span>月</div>
                                            <div class="next">下一月</div>
                                        </div>
                                        <ol><li>周日</li><li>周一</li><li>周二</li><li>周三</li><li>周四</li><li>周五</li><li>周六</li></ol> -->
                                        <ul>
                                            <li>日期</li><li>日期</li><li>日期</li><li>日期</li><li>日期</li><li>日期</li><li>日期</li>
                                            <li>日期</li><li>日期</li><li>日期</li><li>日期</li>
                                        </ul>
                                    </section>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <span class="span1">2018年9月</span>
                                <span class="span2">当月营业额<b>6258</b></span>
                                <a data-toggle="collapse" data-parent="#accordion" 
                                href="#collapseTwo" class="pta">
                                
                                </a>
                            </a>
                            </h4>
                        </div>
                        <div id="collapseTwo" class="panel-collapse collapse">
                        <div class="panel-body">
                            <div class="box">
                                    <section class="date">
                                        <!-- <div class="head">
                                            <div class="prev">上一月</div>
                                            <div class="tomon"><span class="year"></span>年 <span class="month"></span>月</div>
                                            <div class="next">下一月</div>
                                        </div>
                                        <ol><li>周日</li><li>周一</li><li>周二</li><li>周三</li><li>周四</li><li>周五</li><li>周六</li></ol> -->
                                        <ul>
                                            <li>日期</li><li>日期</li><li>日期</li><li>日期</li><li>日期</li><li>日期</li><li>日期</li>
                                            <li>日期</li><li>日期</li><li>日期</li><li>日期</li>
                                        </ul>
                                    </section>
                                </div>
                        </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <span class="span1">2018年8月</span>
                                <span class="span2">当月营业额<b>13589</b></span>
                                <a data-toggle="collapse" data-parent="#accordion" 
                                href="#collapseThree" class="pta">
                                
                                </a>
                            </h4>
                        </div>
                        <div id="collapseThree" class="panel-collapse collapse">
                            <div class="panel-body">
                               <div class="box">
                                    <section class="date">
                                        <!-- <div class="head">
                                            <div class="prev">上一月</div>
                                            <div class="tomon"><span class="year"></span>年 <span class="month"></span>月</div>
                                            <div class="next">下一月</div>
                                        </div>
                                        <ol><li>周日</li><li>周一</li><li>周二</li><li>周三</li><li>周四</li><li>周五</li><li>周六</li></ol> -->
                                        <ul>
                                            <li>日期</li><li>日期</li><li>日期</li><li>日期</li><li>日期</li><li>日期</li><li>日期</li>
                                            <li>日期</li><li>日期</li><li>日期</li><li>日期</li>
                                        </ul>
                                    </section>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- <div style="width: 100%;height: 50px;"></div> -->
        </div>
    	<footer>
    		<ul>
    			<a href="index.html"><li style="border-right: 1px solid #fff;"><i class="iconfont">&#xe633;</i><span>首页</span></li></a>
                <a href="bill.html"><li style="border-right: 1px solid #fff;" class="blue"><i class="iconfont">&#xe754;</i><span>账单</span></li></a>
                <a href="person.html"><li><i class="iconfont">&#xe61a;</i><span>我的</span></li></a>
    		</ul>
    	</footer>
    </div>

</body>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/yyIncome.js"></script>
<script src="js/mobile_date.js"></script>
</html>